const _Page = require("../../../__antmove/component/componentClass.js")("Page");
_Page({
    data: {
        array: [
            {
                mode: "scaleToFill",
                text: "scaleToFill：不保持纵横比缩放图片，使图片完全适应"
            },
            {
                mode: "aspectFit",
                text:
                    "aspectFit：保持纵横比缩放图片，使图片的长边能完全显示出来"
            },
            {
                mode: "aspectFill",
                text:
                    "aspectFill：保持纵横比缩放图片，只保证图片的短边能完全显示出来"
            },
            {
                mode: "widthFix",
                text: "widthFix：宽度不变，高度自动变化，保持原图宽高比不变"
            },
            {
                mode: "top",
                text: "top：不缩放图片，只显示图片的顶部区域"
            },
            {
                mode: "bottom",
                text: "bottom：不缩放图片，只显示图片的底部区域"
            },
            {
                mode: "center",
                text: "center：不缩放图片，只显示图片的中间区域"
            },
            {
                mode: "left",
                text: "left：不缩放图片，只显示图片的左边区域"
            },
            {
                mode: "right",
                text: "right：不缩放图片，只显示图片的右边边区域"
            },
            {
                mode: "top left",
                text: "top left：不缩放图片，只显示图片的左上边区域"
            },
            {
                mode: "top right",
                text: "top right：不缩放图片，只显示图片的右上边区域"
            },
            {
                mode: "bottom left",
                text: "bottom left：不缩放图片，只显示图片的左下边区域"
            },
            {
                mode: "bottom right",
                text: "bottom right：不缩放图片，只显示图片的右下边区域"
            }
        ],
        src: "/image/ant.png"
    },

    imageError(e) {
        console.log("image 发生 error 事件，携带值为", e.detail.errMsg);
    },

    onTap(e) {
        console.log("image 发生 tap 事件", e);
    },

    imageLoad(e) {
        console.log("image 加载成功", e);
    }
});
